<script>
import {mix1} from "@/mixin";
import {mix2} from "@/mixin";

export default {
  name: "Vip",
  data(){
    return {
      msg : '会员信息',
      name : '李四2',
      age : 21
    }
  },
  // mixins : [mix1 , mix2],
  methods :{
    //对于方法的执行  和 混入 之间的关系   如果当前页面中有此方法  就使用当前页面的方法
    //当前页面中没有方法  就使用混入的方法
    //两个只能执行一个



    a(){
      console.log('vip a...')
    }
  }
}
</script>

<template>
<div class="s active_color">
  <h1>{{msg}}</h1>
  <h3>姓名:{{name}}</h3>
  <h3>年龄:{{age}}</h3>
  <button @click="printInfo">打印会员信息</button>
  <button @click="a">会员</button>
</div>
</template>

<!--scoped 局部样式 使用这个标记 代表当前定义的样式对当前有页面的元素有用-->
<!--全局样式 写在App.Vue中-->
<style scoped>
  .s{
    background-color: blueviolet;
  }
</style>